<template>
	<div>
		<div class="tab">
			<router-link @click="activechanges" :class="active==1 ? 'back':'manages'" to="/adminManage">管理员</router-link>
			<router-link @click="activechange" :class="active==2 ? 'back':'manages'"  to="/userForBranch">门店</router-link>
		</div>
		<router-view></router-view>
	</div>
</template>

<script setup lang="ts">
	import {ref} from "vue"
	let active=ref(1)
	const activechanges=()=>{
		active.value=1
	}
	const activechange=()=>{
		active.value=2
	}
</script>

<style scoped lang="less">
	.tab{
		display: flex;
	}
	.manage{
		margin-right: 30px;
	}
	.back{
		font-weight: bold;
		color: #000;
		display: block;
		text-decoration: none;
		line-height: 30px;
		margin-right: 30px;
	}
	.manages{
	    font-weight: bold;
	    color: #7E7E7E;
		display: block;
		text-decoration: none;
		line-height: 30px;
		margin-right: 30px;
	  }
</style>